import { ref } from "vue";

export function usePageModal(newCb, editCb) {
  const pageModalRef = ref();
  const defaultInfo = ref({});

  const handleNewBtnClick = () => {
    defaultInfo.value = {};
    if (pageModalRef.value) {
      pageModalRef.value.dialogVisible = true;
    }
    newCb && newCb();
  };

  const handleEditBtnClick = (item) => {
    defaultInfo.value = { ...item };

    if (pageModalRef.value) {
      pageModalRef.value.dialogVisible = true;
    }
    editCb && editCb(item);
  };

  return [pageModalRef, defaultInfo, handleNewBtnClick, handleEditBtnClick];
}
